{extend name="common/base_layout" /}

{block name="content"}
<div class="side-content ">

    <div class="banner-sub auto not-has" data-height="420|350|200">

    </div>

    <div class="side-html">

        <div class="side-body swiper-lazy" data-background="__STATIC__/upload/201707/1500274209.jpg">

            <div class="met-img animsition imgsvideo">
                <div class="container">
                    <div class="row">
                        <ul class="blocks-2 blocks-sm-3 blocks-md-4 blocks-xlg-4  met-page-ajax" data-scale='0.72222222222222'>

                            {foreach $videoList as $vo}
                            <li class="img-video ">
                                <a href="{:url('frontend/Video/show', ['video_id' => $vo['id']])}" title="{$vo.v_name}">
                                    <font><img class="swiper-lazy" data-src='{$vo.v_image|quick_pic_thumb="@720w_405h"}' alt="{$vo.v_name}"></font>
                                    <span>{$vo.v_name}</span>
                                </a>
                            </li>
                            {/foreach}

                        </ul>
                    </div>
                </div>

                <div class="hide">
                    <div class='met_pager'>
                        <span class='PreSpan'>«</span><a href=../video/ class='Ahover'>1</a><span class='NextSpan'>»</span>
                        <span class='PageText'>转至第</span>
                        <input type='text' id='metPageT' data-pageurl='img.php?lang=cn&class1=178&page=||1' value='1' />
                        <input type='button' id='metPageB' value='页' />
                    </div>
                </div>

                <div class="met-page-ajax-body ">
                    <button type="button" class="btn btn-default btn-block btn-squared ladda-button"
                            id="met-page-btn" data-style="slide-left" data-url="/video/?lang=cn&class1=178&class2=0&class3=0&mbpagelist=1" data-page="1">
                        <a class="click-box"><span>LOAD MORE</span></a>
                    </button>
                </div>

            </div>

            <!--引入 footer-->
            {include file="common/footer" /}

            <input type="hidden" name="lazyloadbg" value="base64">

        </div>
    </div>
    <div class="side-scroll swiper-scrollbar"></div>
</div>
{/block}